<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">环境空气和废气 离子色谱法分析原始记录（B面）</h1>
    <div>SXLPHJ/JL/CX-22-81</div>
    <table class="table">
      <tr>
        <td colspan="2" style="text-align: center;border-right: none;"></td>
        <td colspan="8" style="text-align: center; border-left: none; border-right: none; font-weight: bold;">标准曲线绘制
        </td>
        <td colspan="2" style="text-align: center;border-left: none;">
          <div style="display: flex;align-items: center">
            <span style="width: 140px;">绘制日期：</span>
            <el-input style="border: 1px solid #ccc;border-radius: 6px" placeholder="请输入"
                      v-model="waterForm.bdatas.hzrq"></el-input>
          </div>

        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">标准贮备液批号</td>
        <td colspan="2">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzzbyph"/>
        </td>
        <td colspan="2">贮备液浓度(mg/L)</td>
        <td colspan="2">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.zbynd"/>
        </td>
        <td colspan="2">贮备液有效日期</td>
        <td colspan="1">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.zbyyxrq"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">标准中间液浓度(mg/L)</td>
        <td colspan="2">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzzjynd"/>
        </td>
        <td colspan="2">移取标准贮备体积(mL)</td>
        <td colspan="2">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.yqbzzbtj"/>
        </td>
        <td colspan="2">定容体积(mL)</td>
        <td colspan="1">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj1"/>
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">标准使用液浓度(mg/L)</td>
        <td colspan="2">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzsyynd"/>
        </td>
        <td colspan="2">移取标准中间液体积(mL)</td>
        <td colspan="2">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.yqbzzjytj"/>
        </td>
        <td colspan="2">定容体积(mL)</td>
        <td colspan="1">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj2"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2" style="width: 8%;">编号</td>
        <td style="width: 8%;">1</td>
        <td style="width: 8%;">2</td>
        <td style="width: 8%;">3</td>
        <td style="width: 8%;">4</td>
        <td style="width: 8%;">5</td>
        <td style="width: 8%;">6</td>
        <td style="width: 8%;" colspan="3" rowspan="3">校准曲线(y=a+bx)，r</td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2" style="width: 8%;">加入量(mL)</td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.jrl1"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.jrl2"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.jrl3"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.jrl4"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.jrl5"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.jrl6"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2" style="width: 8%;">定容体积(mL)</td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj3"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj4"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj5"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj6"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj7"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.drtj8"/>
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2" style="width: 8%;">标准系列浓度(mg/L)</td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzxlnd1"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzxlnd2"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzxlnd3"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzxlnd4"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzxlnd5"/>
        </td>
        <td style="width: 8%;">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzqxhz.bzxlnd6"/>
        </td>
        <td style="width: 8%;" colspan="3">
          <div style="display: flex;align-items: center;">
            y=
            <el-input style="border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.bzqxhz.y"/>
            r=
            <el-input style="border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.bzqxhz.r"/>
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="12" style="text-align: center;font-weight: bold;">曲线校核点测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 3">测定结果(mg/L )</td>
        <td colspan="3">相对误差( % )</td>
        <td colspan="2">质控要求(%)</td>
        <td colspan="3">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.bdatas.qxjhdcd" :key="index">
        <td colspan="2">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.ypbh"/>
        </td>
        <td colspan="3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.cdjg"/>
        </td>
        <td colspan="3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.xdwc"/>
        </td>
        <td colspan="2">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.zkyq"/>
        </td>
        <td colspan="3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="11" style="text-align: center;font-weight: bold;">空白检查</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 3">样品浓度(mg/m³)</td>
        <td colspan="3">质控要求</td>
        <td colspan="3">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.kbycd" :key="index">
        <td colspan="2">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.ypbh"/>
        </td>
        <td colspan=" 3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.ypnd"/>
        </td>
        <td colspan="3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.zkyq"/>
        </td>
        <td colspan="3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="11" style="text-align: center;font-weight: bold;">标准样品测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">标样批号</td>
        <td colspan=" 3">测定浓度( mg/L )</td>
        <td colspan="3">标准值( mg/L )</td>
        <td colspan="3">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.bzycd" :key="index">
        <td colspan="2">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.byph"/>
        </td>
        <td colspan=" 3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.cdnd"/>
        </td>
        <td colspan="3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bzz"/>
        </td>
        <td colspan="3">
          <el-input style="border: 1px solid transparent" placeholder="请输入"
                    v-model="item.sfhg"/>
        </td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="10">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bnotes"/>
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}

.table td {
  width: 15%;
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
